Como fazer para o link abrir em nova aba como tag a html?

tag a abrir em nova aba

Para isso se usa o atributo do elemento de ancora target com underline + blank.

A maneira mais fácil de controlar se o link deve ser aberto na mesma aba ou em uma nova é usando o atributo target com o valor _blank junto com a tag <a> do HTML. Como mostra o exemplo abaixo:

<a href="#" target="_blank">link nova aba</a>

link nova aba

Quando o usuário clicar nesse link ele irá abrir em uma nova aba ou as vezes em nova janela dependendo da configuração do navegador.

Abrir o link em uma aba diferente não precisa de nada mais que o próprio HTML, não precisa usar javascript ou outra linguagem.

Esse atributo é nativo do HTML.

Abrir link na mesma aba html

Como seria a tag para abrir na mesma aba?

Abaixo tem um exemplo de link simples do HTML que abre na mesma aba:

<a href="#">link simples</a>

link simples

Como você pode ver se clicar nesse link ele irá para o topo dessa página e manter na mesma aba. Ele sobe a página pois tem apenas o cerquilho "#" no lugar do endereço ou URL.

O padrão do HTML é abrir o link na mesma aba, por isso o target="blank" que teria o mesmo resulta não precisa ser declarado.

Por que e quando usar o target _blank?

Abrir o link em nova aba é importante para aumentar a permanência dos usuários no site.

Isso é usado normalmente para abrir links que estão fora do site, como um blog de terceiro, páginas de rede sociais como facebook, instagram, youtube ou twitter, um e-commerce, um arquivo PDF... Qualquer coisa que irá tirar o usuário da navegação do domínio. Fazer isso seria prejudicial ao site principalmente por causa do SEO, pois estará retirando acessos dele.

Veja mais em:

Quer acompanhar as novidade do site?

Leia mais em: ww.w3schools.com/tags/att_a_t...

imagem genérica de html para representar link abrir em nova aba html

Última atualização: 2023-02-15